@charset "UTF-8";
/* 全局样式 */
* {
	margin: 0;
	padding: 0;
	font-family: "微软雅黑";
}

html {
	overflow: hidden;
}

body {
	background: url("../img/bg.png");
	font: 14px/1.5 "微软雅黑";
	color: #eee;
}

a, a:focus, a:hover, a:active {
	outline: 0;
	text-decoration: none;
}

textarea {
	resize: none;
}

input, textarea {
	background: transparent;
	border: none;
	padding: 5px;
	font: bold 16px "微软雅黑";
	outline: none;
}

.light, .dark:hover {
	background: #eee;
	box-shadow: 1px 1px 10px 1px #ddd;
	color: #666;
	transition: all 1s;
}

.dark, .light:hover {
	background: #666;
	box-shadow: 1px 1px 10px 1px #111;
	color: #eee;
	transition: all 1s;
}

ul li {
	list-style: none;
}

img {
	border: 0;
}
/* 登录样式 */
.login {
	width: 400px;
	height: 450px;
	background: linear-gradient(#666, #333);
	margin: 10% auto;
	border-radius: 5px;
	box-shadow: 0 0 10px 0 #eee;
}

.login .login_top {
	width: 400px;
	background: linear-gradient(#333, #111);
	border-radius: 5px 5px 0 0;
	font-size: 18px;
	line-height: 50px;
	text-align: center;
}

.login .logo {
	width: 150px;
	height: 150px;
	background: #123456;
	margin: 10px auto;
	border-radius: 50%;
}

.login .logo a {
	width: 150px;
	height: 150px;
	background: url("../img/head/OL_0.png");
	background-size: cover;
	display: block;
}

.login .text {
	width: 400px;
	height: 150px;
}

.login .text input {
	width: 320px;
	background: linear-gradient(#789, #456);
	margin: 20px 0 0 25px;
	border: 0;
	border-radius: 5px;
	padding: 0 16px;
	font-size: 16px;
	line-height: 40px;
	color: #111;
}

.login .text input:hover {
	background: linear-gradient(#456, #123);
	color: #eee;
	transition: all 1s ease;
}

.login .sub {
	width: 250px;
	height: 30px;
	margin: 10px auto 0;
}

.login .sub input {
	width: 80px;
	margin: 0 20px;
	font-size: 20px;
	line-height: 20px;
	float: left;
	cursor: pointer;
}
/* 菜单样式 */
#menu a {
	width: 200px;
	margin: 2% auto 0;
	border: 1px solid #abcdef;
	border-radius: 15px;
	font-weight: 700;
	line-height: 35px;
	text-align: center;
	color: #ddd;
	display: block;
	transition: all 1s ease;
	line-height: 35px;
}

#menu a:hover {
	background: #123456;
	transition: all 1s ease;
}
/* 页头样式 */
.top {
	width: 100%;
	height: 50px;
	background: #222;
	box-shadow: 0 1px 10px 1px #000;
}

.top .header {
	width: 76%;
	height: 50px;
	margin: 0 auto;
}

.top .header .logo {
	float: left;
	margin-top: 6px;
}

.top .header .desc {
	float: right;
	font-size: 18px;
	line-height: 50px;
	text-shadow: 1px 1px 10px #111;
}
/* 页脚样式 */
#footer {
	width: 100%;
	background: #222;
	box-shadow: 1px 0 10px 1px #000;
	padding: 5px 0;
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
	color: #eee;
	text-shadow: 1px 1px 10px #111;
	position:absolute;
	bottom:0;
}

#footer p {
	margin: 0 auto;
	line-height: 25px;
	text-align: center;
}

#footer span {
	display: inline-block;
}

#footer a {
	background: url(../img/bottom_logo.png) no-repeat;
	padding-left: 25px;
	color: #eee;
}

#footer a:hover {
	background: url(../img/bottom_logo_hover.png) no-repeat;
	color: #09f !important;
}
/* 盒子（标题+控件+内容）样式 */
.box {
	width: 400px;
	margin: 0 auto;
	color: #666;
}

.box h1 {
	height: 50px;
	background: linear-gradient(#456, #123);
	margin: 10% auto 20px;
	border-radius: 5px;
	box-shadow: 1px 1px 10px 1px #111;
	font-size: 30px;
	line-height: 50px;
	color: #eee;
	text-align: center;
	text-shadow: 2px 5px 10px #000;
}

.box .back {
	margin-right: 15px;
	font-size: 16px;
	color: #eee;
	float: right;
}

.box .back:hover {
	text-shadow: 1px 1px 10px #fff;
}

.box .text {
	width: 345px;
	border-radius: 5px 0 0 5px;
}

.box .button {
	width: 45px;
	border-radius: 0 5px 5px 0;
	position: absolute;
	float: right;
}

.box .content {
	width: 380px;
	max-height: calc(90% - 70px);
	background: #eee;
	padding: 10px;
	margin-top: 14px;
	border-radius: 5px;
	box-shadow: 1px 1px 10px 1px #111;
	overflow-y: auto;
	background: #eee;
}
/* 错误样式 */
.error p:first-child {
	font: bold 150px/2 cursive;
	color: #eee;
	text-align: center;
	letter-spacing: 5px;
	cursor: pointer;
}

.error p:first-child span {
	text-shadow: 0 0 2px #686868, 0 1px 1px #ddd, 0 2px 1px #d6d6d6, 0 3px
		1px #ccc, 0 4px 1px #c5c5c5, 0 5px 1px #c1c1c1, 0 6px 1px #bbb, 0 7px
		1px #777, 0 8px 3px rgba(100, 100, 100, 0.4), 0 9px 5px
		rgba(100, 100, 100, 0.1), 0 10px 7px rgba(100, 100, 100, 0.15), 0 11px
		9px rgba(100, 100, 100, 0.2), 0 12px 11px rgba(100, 100, 100, 0.25), 0
		13px 15px rgba(100, 100, 100, 0.3);
	transition: all .5s linear;
}

.error p:first-child span:hover {
	text-shadow: 0 0 2px #686868, 0 1px 1px #fff, 0 2px 1px #fff, 0 3px 1px
		#fff, 0 4px 1px #fff, 0 5px 1px #fff, 0 6px 1px #fff, 0 7px 1px #777,
		0 8px 3px #fff, 0 9px 5px #fff, 0 10px 7px #fff, 0 11px 9px #fff, 0
		12px 11px #fff, 0 13px 15px #fff;
	transition: all .5s linear;
}

.error p:not(:first-child) {
	font: 20px/1 "微软雅黑";
	color: #eee;
	text-align: center;
	text-shadow: 1px 1px 1px #111;
	letter-spacing: 1px;
}
/* 表格样式 */
table {
	font-size: 14px;
	border-collapse: collapse;
	border-spacing: 0px;
	border: 0px;
	text-align: left;
}

table caption {
	font-size: 20px;
	font-weight: 700;
}

#data {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	overflow: hidden;
}

#datalist {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

#datalist th {
	height: 35px;
	background: linear-gradient(#789, #456);
	border: 1px solid #ccc;
	text-align: center;
	color: #eee;
}

#datalist tr:hover {
	background: linear-gradient(#def, #abc);
}

#datalist th.td_modi, #datalist td.td_modi {
	width: 130px;
	text-align: center;
}

#datalist tr input {
	border-width: 0px;
}

#datalist td {
	height: 32px;
	border: 1px solid #ccc;
	line-height: 32px;
}

#datalist img {
	margin: 3px;
	vertical-align: middle;
}
/* 分页样式 */
#pages {
	text-align: center;
	height: 16px;
	line-height: 16px;
	margin: 10px auto;
}

#pages a, #pages a.current_page:hover {
	padding: 2px 3px;
}

#pages a {
	color: #123;
	font-weight: bold;
}

#pages a:hover {
	background-image: linear-gradient(#cde, #abc);
	border-radius: 16px;
	color: #19a;
}

#pages a.current_page {
	background-image: linear-gradient(#ade, #8bc);
	border-radius: 16px;
	color: #07b;
}
/* 按钮样式（红绿蓝） */
.btn {
	background: linear-gradient(#def, #abc);
	padding: 5px;
	border: none;
	border-radius: 5px;
	box-shadow: 1px 1px 1px 1px #777;
	color: #111;
	text-decoration: none;
	transition: all 1s ease;
}

.btn:hover {
	background: linear-gradient(#789, #456);
	color: #eee;
	transition: all 1s ease;
}

.red {
	color: #800;
}

.red:hover {
	background: linear-gradient(#c66, #800);
}

.green {
	color: #080;
}

.green:hover {
	background: linear-gradient(#6c6, #080);
}

.blue {
	color: #008;
}

.blue:hover {
	background: linear-gradient(#66c, #008);
}